<template>
  <uni-popup ref="popup" type="bottom" @close="close">
    <view class="flex-col section_2 home-delivery">
      <view class="flex-row justify-between items-center">
        <view class="flex-row items-center section_3">
          <text class="iconfont xlmicon-dizhiguanli" style="font-size: 18px;color: #fff;margin-right: 10px;"></text>
          <text class="ml-6 text">xxxxx小区</text>
        </view>
        <text class="text_2">清空数据</text>
      </view>
      <view class="flex-col group">
        <view class="flex-row equal-division">
          <view class="flex-col justify-start items-start equal-division-item text-wrapper">
            <text class="font text_3">楼栋</text>
          </view>
          <view class="ml-10 flex-col justify-start items-start equal-division-item text-wrapper_2">
            <text class="font text_4">单元</text>
          </view>
          <view class="ml-10 flex-col justify-start items-start equal-division-item text-wrapper_3">
            <text class="font text_5">房间</text>
          </view>
        </view>
        <view class="mt-16 self-stretch divider"></view>
        <view class="mt-16 flex-col justify-start items-center self-center text-wrapper_4">
          <text class="font text_6">长按新增包裹列表</text>
        </view>
      </view>
      <view class="flex-col justify-start items-center text-wrapper_5"
        ><text class="font text_7">完成派件</text></view
      >
    </view>
  </uni-popup>
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  const popup = ref()
  const open = () => {
    popup.value.open()
  }
  const close = () => {
    popup.value.close()
  }
  defineExpose({
    open,
    close
  })
</script>
<style lang="scss" scoped>
  @import './index.scss';
</style>
